document.addEventListener('DOMContentLoaded', function() {
    // 图片上传功能
    document.getElementById('image-upload-learn1').addEventListener('change', function(e) {
        const file = e.target.files[0];
        if (file) {
            const reader = new FileReader();
            reader.onload = function(event) {
                const img = new Image();
                img.src = event.target.result;
                img.style.maxWidth = '300px';  // 设置图片最大宽度
                img.style.maxHeight = '300px'; // 设置图片最大高度

                // 创建消息容器，直接添加图片
                const messageContainer = document.createElement('div');
                messageContainer.classList.add('right-message');

                // 直接添加图片到消息容器
                messageContainer.appendChild(img);

                document.getElementById('container-messages-learn1').appendChild(messageContainer); // 将图片添加到右侧消息区
            };
        }

    });
});
